<style>
    .cname {
        color:#606266
    }
    .el-table_1_column_1{
        color:blue;
    }
</style>
<template>
    <div class="fillcontain">
        <!--<head-top></head-top>-->
        <div class="all">
            <div class="tc_header clearfix">
                <input type="text" value="白云"><!--
        --><div class="bg_top_s">
                <!--<img src="" alt="">-->
            </div>
            </div>

            <div class="select_f clearfix" >
                <ul class="select_f_m">
                    <li>
                        <div class="first_select_f">
                            查找范围
                        </div>
                        <ul class="select_cover_list clearfix">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    企业名
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    法人或股东
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    高管
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    品牌/产品
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    联系方式
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    经营范围
                                </a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <div class="first_select_f">
                            机构类型
                        </div>
                        <ul class="select_cover_list clearfix">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    企业
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    社会组织
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    香港公司
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    台湾公司
                                </a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <div class="first_select_f">
                            企业状态
                        </div>
                        <ul class="select_cover_list clearfix">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    暂无（3138）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    正常（15839）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    废止（41）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    核准设立（88）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    核准许可报备(2)
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    解散(61)
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    存续(418761)
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    企业名
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    迁入（2）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    迁出（386）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    停业（171）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    撤销（62）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    吊销（51545）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    仍注册（53）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    已告解散（45）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    不再是独立的实体（1）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    注销（99003）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    注销（1）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    暂无（42）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    正常（1910）
                                </a>
                            </li>
                        </ul>

                    </li>
                    <!--<li>-->
                        <!--<div class="first_select_f">-->
                            <!--查找范围-->
                        <!--</div>-->
                        <!--<ul class="select_cover_list clearfix">-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--企业名-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--法人或股东-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--高管-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--品牌/产品-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--联系方式-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--经营范围-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--企业名-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--企业名-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--企业名-->
                                <!--</a>-->
                            <!--</li>-->
                            <!--<li class="select_act_li">-->
                                <!--<a href="" class="select_act">-->
                                    <!--企业名-->
                                <!--</a>-->
                            <!--</li>-->
                        <!--</ul>-->

                    <!--</li>-->
                    <li>
                        <div class="first_select_f">
                            注册资本
                        </div>
                        <ul class="select_cover_list clearfix">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    500万以下
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    500~1000万
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    1000~5000万
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    5000万以上
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    核准许可报备(2)
                                </a>
                            </li>

                        </ul>

                    </li>
                    <li>
                        <div class="first_select_f">
                            成立日期
                        </div>
                        <ul class="select_cover_list clearfix">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    2018（13434）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    2017（82762）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    2016（61755）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    2015（58790）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    2014（47051）
                                </a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <div>
                            <a class="more_btn" id="show-date" style="margin-top:-3px;" v-on:click="more_btn($event)">
                                <span>更多</span>
                                <div class="arrow-bottom arrow-box change_arrow" >
                                    <b class="bottom"><i class="bottom-arrow1 change_arrow_c"></i><i class="bottom-arrow2"></i></b>
                                </div>
                            </a>
                        </div>
                        <div class="first_select_f">
                            镇街
                        </div>
                        <ul class="select_cover_list clearfix change_cover_list">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    江高镇（3138）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    人和镇（15839）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    太和镇（41）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    钟落潭镇（5435）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    三元里街（234）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    景泰街（4654）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    同德街（23423）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    松洲街（6546）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    黄石街（234）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    棠景街（54654）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    新市街（333）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    同和街（24324）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    京溪街（2545）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    永平街（3324）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    嘉禾街（224）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    均和街（24）
                                </a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <div>
                            <a class="more_btn"  style="margin-top:-3px;" v-on:click="more_btn($event)">
                                <span>更多</span>
                                <div class="arrow-bottom arrow-box change_arrow" >
                                    <b class="bottom"><i class="bottom-arrow1 change_arrow_c"></i><i class="bottom-arrow2"></i></b>
                                </div>
                            </a>
                        </div>
                        <div class="first_select_f">
                            行业门类
                        </div>
                        <ul class="select_cover_list clearfix change_cover_list">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    其他行业（2128）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    农、林、牧、渔业 (9022)
                                    （15839）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    采矿业（2360）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    制造业（60335）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">

                                    电力、热力、燃气及水生产和供应业 (605)

                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    解散(61)
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    存续(418761)
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    企业名
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    迁入（2）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    迁出（386）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    停业（171）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    撤销（62）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    吊销（51545）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    仍注册（53）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    已告解散（45）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    不再是独立的实体（1）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    注销（99003）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    注销（1）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    暂无（42）
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    正常（1910）
                                </a>
                            </li>
                        </ul>

                    </li>
                    <li>
                        <div class="first_select_f">
                            高级筛选
                        </div>
                        <ul class="select_cover_list clearfix">
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    有联系电话
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    无联系电话
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    有联系邮箱
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    无联系邮箱
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    有商标
                                </a>
                            </li>
                            <li class="select_act_li">
                                <a href="" class="select_act">
                                    无商标
                                </a>
                            </li>
                        </ul>

                    </li>
                </ul>
            </div>

            <template>
                <el-table :data="tableData" border style="width: 90%;margin:0 auto;"
                          :header-row-style="header_style"
                          @cell-mouse-enter="hover_cell"
                          @cell-mouse-leave="leave_cell"
                >
                    <el-table-column label="公司名称" :span="8" class="c_name" width="170px" ref="name_cc">
                        <template scope="scope">
                            <span style="cursor: pointer;" v-on:click="show_detail(scope.row.name)" >
                                 {{scope.row.name}}
                            </span>
                        </template>
                    </el-table-column>
                    <el-table-column label="法人" :span="4" width="120px">
                        <template scope="scope">
                      {{scope.row.fname}}
                        </template>
                    </el-table-column>
                    <el-table-column label="注册资本" :span="6">
                        <template scope="scope">
                        {{scope.row.finc}}
                        </template>
                    </el-table-column>
                    <el-table-column label="成立时间" :span="5">
                        <template scope="scope">
                        {{scope.row.time}}
                        </template>
                    </el-table-column>
                    <el-table-column label="电话"  :span="6">
                        <template scope="scope">
                        {{scope.row.phone}}
                        </template>
                    </el-table-column>
                    <el-table-column label="地址" :span="8" width="170px">
                        <template scope="scope">
                            {{scope.row.address}}
                        </template>
                    </el-table-column>
                    <el-table-column label="状态"  :span="4">
                        <template scope="scope">
                        <div class="keep_live">
                            {{scope.row.live}}
                        </div>
                        </template>
                    </el-table-column>
                </el-table>
            </template>

            <el-pagination
                background
                layout="prev, pager, next"
                :total="1000"
                style="margin: 20px auto 40px;width: 500px;"
            >
            </el-pagination>
        </div>

    </div>
</template>

<script>
    import headTop from '../components/headTop'
    export default {
        data() {
            return {
                restaurant_id: null,
                city: {},
                offset: 0,
                limit: 20,
                count: 0,
                header_style:{
                    background:"#fff"
                },
                tableData: [{
                    image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                    name: '广州国际机场股份有限公司',
                    address: '广州市白云区国际机场南工作区自编一号',
                    live:" 存续",
                    phone:"13760707405",
                    fname:"邱嘉臣",
                    finc:"206932万元人民币",
                    time:"2000-09-19"

                }, {
                    image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                    name: '广州白云电器设备股份有限公司',
                    address: '广州市白云区神山镇大岭南路18号',
                    live:" 存续",
                    phone:"020-86060164",
                    fname:"胡德兆",
                    finc:"40910万人民币",
                    time:"1995-5-30"
                },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州白云山和记黄埔中药有限公司',
                        address:"广州市白云区沙太北路388号",
                        live:" 存续",
                        phone:"0716-6268111",
                        fname:"梅林",
                        finc:"40910万人民币",
                        time:"1998-1-19"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州白云液压机械厂有限公司',
                        address: '广州市白云区国际机场南工作区自编一号',
                        live:" 存续",
                        phone:"020-66282310",
                        fname:"徐桂林",
                        finc:"7671.3万元人民币",
                        time:"1986-05-31"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州市白云城市建设投资有限公司',
                        address: '广州市白云区蚌湖镇杨屋岗路自编2号',
                        live:" 存续",
                        phone:"020-86039036",
                        fname:"张叶生",
                        finc:"4000万人民币",
                        time:"2000-11-14"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州水务股份有限公司',
                        address: '广州市白云区新市街萧岗大马路52号',
                        live:" 存续",
                        phone:"020-86627818",
                        fname:"苏志凌",
                        finc:"15190.5875万人民币",
                        time:"1999-2-30"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州白云山医药集团股份有限公司白云山化学制药厂',
                        address: '广州市白云区同和街同宝路78号',
                        live:" 存续",
                        phone:"020-37240670",
                        fname:"朱海雁",
                        finc:"10300万港元",
                        time:"1994-04-29"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州市添美漂染有限公司',
                        address: '广州市白云区国际机场南工作区自编一号',
                        live:" 存续",
                        phone:"020-86060164",
                        fname:"胡德兆",
                        finc:"40910万人民币",
                        time:"1998-1-19"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州白云环境保护设备厂有限公司',
                        address: '广州市越秀区沙河濂泉路西坑8号',
                        live:" 存续",
                        phone:"020-37369145",
                        fname:"伍均培",
                        finc:"40910万人民币",
                        time:"1989-3-10"
                    },
                    {
                        image: 'http://co-image.qichacha.com/CompanyImage/4dee0c6ae622e2f896fdc83c9d80a140.jpg',
                        name: '广州白云国际会议中心有限公司',
                        address: '广州市白云区白云大道南1045号',
                        live:" 存续",
                        phone:"020-88800888",
                        fname:"赵凤生",
                        finc:"3091万人民币",
                        time:"2000-2-10"
                    }
                ],
                currentPage: 1,
                selectTable: {},
                dialogFormVisible: false,
                menuOptions: [],
                selectMenu: {},
                selectIndex: null,
                specsForm: {
                    specs: '',
                    packing_fee: 0,
                    price: 20,
                },
                specsFormrules: {
                    specs: [
                        { required: true, message: '请输入规格', trigger: 'blur' },
                    ],
                },
                specsFormVisible: false,
                expendRow: [],
            }
        },
        components: {
            headTop,
        },
        mounted:function () {
            // setTimeout(()=>{
            //     let div = document.getElementsByClassName("cell")[0];
            //     if( div.innerText  == "公司名称"){
            //         div.style.color = "#606266"
            //     }else{
            //         div.style.color = "blue"
            //     }
            // },100)
            this.$nextTick( ()=> {
                // window.location.reload();
                let table = document.getElementsByClassName("cell");

                for(let x = 0 ;x<table.length;x++){

                    if(~table[x].innerText.indexOf("公司")){
                        table[x].parentNode.style.color="blue";
                    }
                }
                // let name_cc = this.refs.name_cc;
                // console.log("name_ccc_________");
                // console.log(name_cc);
                // DOM is now updated
                // `this` is bound to the current instance
                // let div =
                let div = document.getElementsByClassName("cell")[0];
                if( div.innerText  == "公司名称"){
                    div.style.color = "#606266"
                }else{
                    // div.style.color = "blue"
                }
            })

           // console.log(div)
           //  console.log("div_________________-")
           //  console.log(name_cc.innerText);

        },
        methods: {
            show_detail:function (name) {
                // this.$route.params = {name:name}
                sessionStorage.setItem("cname",name);
                this.$router.push({path:"/detail_manage"});

                // console.log()
            },
            hover_cell:function (row, column, cell, event) {
                if(column.label == "公司名称"){
                    // console.log("gongsi")
                    cell.style.color = "red";
                    cell.style.textDecoration="underline"
                }
            },
            leave_cell:function (row, column, cell, event) {
                if(column.label == "公司名称"){
                    // console.log("gongsi")
                    cell.style.color = "blue";
                    cell.style.textDecoration="none"
                }
            },
            more_btn:function(e) {
                console.log(e)
                if(~e.target.className.indexOf("goto_detail")){
                    // console.log(111111111111);
                    window.parent.location.href = '../new_all_page/index.html';
                }
                if(~e.target.innerText.indexOf("更多")){
                    // console.log();
                    var par = e.target.parentNode.parentNode.parentNode;
                    // console.log(e.target.parentNode.parentNode)
                    // change_arrow
                    var par2 = e.target.parentNode.parentNode;
                    var select_cover_list  = par.getElementsByClassName("select_cover_list")[0];
                    var arrow = par2.getElementsByClassName("change_arrow")[0];
                    // console.log(select_cover_list);

                    if(~select_cover_list.className.indexOf("change_cover_list")){
                        select_cover_list.className = select_cover_list.className.replace(" change_cover_list","");
                        arrow.className +=" rotate"
                    }else{
                        select_cover_list.className +=" change_cover_list";


                        arrow.className =  arrow.className.replace(" rotate","")
                    }


                }
            }
        }
    }
</script>
<style>

    /*.el-table_1_column_1:nth-child(1){*/
        /*color:#606266;*/
    /*}*/
    .cname {
        color:#606266
    }
    .el-table_1_column_1{
        color:blue;
    }
    /*td tr:nth-child(1){*/
        /*color:blue;*/
    /*}*/
    /*.blue{*/
        /*color:blue;*/
    /*}*/
    thead{
        background-color: #ebeef5;
    }
    .el-table__header th{
            background-color: #eef1f6;
    }
    .el-table--border td, .el-table--border th {
        border-right: 1px solid #dfe6ec;
        text-align: center;
    }
    .el-table .cell, .el-table th div, .el-table--border td:first-child .cell, .el-table--border th:first-child .cell{
        text-align: center;
    }
</style>
<style lang="less" scoped>
    @import '../style/mixin';
    .el-table_1_column_1{
        color:blue;
    }
    .explain_text{
        margin-top: 20px;
        text-align: center;
        font-size: 20px;
        color: #333;
    }

    /**{*/
        /*padding: 0;*/
        /*margin: 0;*/
    /*}*/
    /*html,body{*/
        /*overflow: scroll;*/
    /*}*/
    .tc_header input{
        width: 520px !important;
        height: 35px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        font-size: 14px;
        //border-color: #146ca4;
        border: 1px solid #ddd;
        display: inline-block;
        float: left;
        vertical-align: middle;
        padding-left: 6px;

    }

    .bg_top_s{
        display: inline-block;
        width: 40px;
        background-color: #146ca4;
        height: 34px;
        background-image: url("../assets/img/top-search.png");
        background-repeat: no-repeat;
        background-position: 50% 50%;
        outline: none;
        margin-left: 0px !important;
        cursor: pointer;
        vertical-align: middle;
        float: left;
        border: 1px solid #146ca4;
    }

    .tc_header{
        width: 570px;
        margin:  20px auto 20px;
    }

    .first_select_f{
        font-size: 13px;
        color: #9a9a9a;
        width: 76px;
        line-height: 1.80571;
        display: inline-block;
        vertical-align: top;
    }

    .select_act{
        font-size: 14px;
        color: #222;
    }

    .clearfix:after{
        display: block;
        clear: both;
        content: "";
        visibility: hidden;
        height: 0;
    }
    .clearfix{
        zoom:1;
    }

    .select_f_m{
        width: 866px;
        margin: 50px auto 50px;
        //margin: 2px 5px;
        //padding: 6px 10px 0;
    }
    .select_f_m>li{
        margin-bottom: 6px;
        margin-top: 1px;
        padding: 6px 10px 0;
        position: relative;
    }

    .select_act_li{
        float: left;
        margin-right: 10px;

        a{
            display: block;
            padding: .1em 0.6em .2em;
        }
        a:hover{
            background-color: #128cec;
            color:#fff;

        }
    }

    .change_cover_list{
        height: 18px;
        overflow-y: hidden;
    }
    .select_cover_list{
        width: 650px;
        display: inline-block;
        vertical-align: middle;

    }

    .more_btn{
        position: absolute;
        text-decoration: none;
        color: #979797;
        /*top: 5px;*/
        /*right: 118px;*/
        font-size: 12px;
        top: 10px;
        right: 102px;
    }

    .bottom{
        width:20px;
        height:20px;
        position:absolute;
        left: 28px;
        top: 1px;
        z-index: 2;/*兼容ie8-*/

        //border:1px solid #9c9c9c;
    }
    .bottom-arrow1,.bottom-arrow2{
        width:0;
        height:0;
        display:block;
        position:absolute;
        left:0;
        top:0;
        z-index: 5;/*兼容ie8-*/
        border-bottom:7px transparent dashed;
        border-left:7px transparent dashed;
        border-right:7px transparent dashed;
        border-top:7px #fff solid;
        overflow:hidden;
    }
    .bottom-arrow1{
        top: 1px;
        border-top: 10px #9c9c9c solid;
    }
    .bottom-arrow2{
        border-top:10px #fff solid
    }
    .change_arrow{

    }
    .more_btn{
        cursor: pointer;
    }
    .more_btn:hover{
        color:#128cec;
    }
    .more_btn:hover .bottom-arrow1{
        border-top:10px #128cec solid
    }
    .change_arrow .change_arrow_c{

    }

    .rotate{
        transform:rotate(-180deg) translateX(-46px);
        -ms-transform:rotate(-180deg) translateX(-46px); 	/* IE 9 */
        -moz-transform:rotate(-180deg) translateX(-46px);	/* Firefox */
        -webkit-transform:rotate(-180deg) translateX(-46px); /* Safari 和 Chrome */
        -o-transform:rotate(-180deg) translateX(-46px); 	/* Opera */
    }

    .content_thcat{
        width: 900px;
        border:1px solid #c4c2c2;
        margin: 40px auto 20px;
    }
    .content_header{
        padding: 6px;
        border-bottom:1px solid #c4c2c2;
        font-size: 18px;
        color:#333;
    }

    .c_m_c{
        float: left;
        margin-left: 10px;
    }
    .c_m_s{
        float: right;
        margin-right: 10px;
    }
    .content_middle{
        font-size: 14px;
        height: 42px;
        line-height: 42px;
        border-bottom: 1px solid #c4c2c2;
    }

    .box_i span{
        display: block;
        float: left;
        height: 100%;
    }
    .box_i img{
        width: 60px;
        float: left;
        margin-top: 40px;
    }
    .box_i{
        border-bottom: 1px solid #c4c2c2;
        position: relative;
        //padding-top: 30px;
        //padding-bottom: 40px;
        font-size: 12px;
        height: 100px;
        line-height: 100px;
    }
    .keep_live{
        height: 20px;
        line-height: 18px;
        width: 40px;
        font-size: 14px;
        /*line-height: 20px;*/
        text-align: center;
        color:#009944;
        border: 1px solid #009944;
        /*position: absolute;*/
        /*top:50%;*/
        /*right:10px;*/
        margin:  0 auto;
        /*transform: translate(-0%,-50%);*/
    }
    .thcat_footer{
        padding-bottom: 20px;
        width: 700px;
        margin: 0 auto;
        img{
            display: block;
            width: 100%;
        }
    }

    .goto_detail{
        float: left;
        color:#333;
        cursor: pointer;
        &:hover{
            color:#0C77CD;
        }
    }
</style>
